<template>
	<div class="hm-cover-card">
		<div class="box">
			<div class="entryPicimg">
				<!-- <image class="entryPic" src="../../static/pic/2.jpg" mode="widthFix" /> -->
			</div>
			<div class="ft">
				<div class="wrap">
					<text class="title">baipai</text>
				</div>
			</div>
			</view>
		</div>
	</div>
</template>
<script>
	export default {
		name: 'HmCoverCard',
		props: {
			options: {
				type: Object,
				default: function() {
					return {
						entryPic: '',
						title: 'loading...',
						text: 'loading...',
					};
				}
			}
		},
		data() {
			return {
				
			};
		},
		methods: {
			async dianzan() {
				this.zan = this.zan ? false : true;
				this.$emit('click', {
					zan: this.zan,
					idx: this.idx
				});
				let res = this.$api.sentenceZan({
					id: this.options.id
				})
			}
		}
	};
</script>
<style>
	.hm-cover-card {
		display: flex;
		height: 100%;
		border: 1px solid #eee;
		margin-top: 10rpx;
	}
	.box {
		display: flex;
		align-items: center;
		flex-direction: column;
		margin-left: 15.58rpx;
		overflow: hidden;
		box-shadow: 0px 10px 30px rgba(209, 213, 223, 0.8);
		background-color: #ffffff;
		width: 96%;
		margin: 0 auto;
		position: relative;
	}

	.entryPicimg {
		display: flex;
		position: relative;
		align-items: center;
		flex-direction: row;
		justify-content: center;
		margin-top: 0;
		box-shadow: 0px 10px 30px rgba(209, 213, 223, 0.5);
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: #eeeeee;
	}

	.entryPic {
		width: 100%;
		display: block;
	}

	.ft {
		display: flex;
		position: relative;
		align-items: center;
		flex-direction: row;
		justify-content: space-between;
		width: 92%;
		background-color: #fff;
	}

	.wrap {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		background-color: #fff;
	}

	.title {
		position: relative;
		opacity: 1;
		width: 100%;
		overflow: hidden;
		text-align: justify;
		text-overflow: ellipsis;
		line-height: 50.86rpx;
		color: #141821;
		font-size: 30.06upx;
		font-weight: 400;
		flex-shrink: 0;
	}
</style>